<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>css样式</title>
		<style type="text/css">
			/*内部css样式*/
			
			/*body {
				/*背景颜色* /
				background-color: #BCD68D;
				/*背景图片* /
				background-image: url(imgs/001.jpg);
				/*是否重复* /
				background-repeat: no-repeat;
				/*起始位置* /
				background-position: 10% 60%;
				/*北京图片是否固定，不随滚动条滚动* /
				background-attachment: fixed;
				/*背景图片大小：可以拉伸铺满整个屏幕 css3属性* /
				background-size: cover;
			}*/
			
			/*组合赋值的方式*/
			body{
				/*设置背景样式**/
				background: #BCD68D url(imgs/001.jpg) no-repeat 10% 60% fixed;
				/*css3的样式不能和css2混合写在一起*/
				background-size: cover;
			}
			
			/**div样式属性**/
			#div1{
				height: 300px;
				width: 300px;
				background-color: white;
				
				/*边框**/
				border: 2px groove #3C7A03;
				
				/*css3 圆角*/
				border-radius: 30px 50px 60px 70px;
				/*CSS3中处理浏览器兼容*/
				/*-moz-border-radius: 30px 50px 60px 70px;
				-webkit-border-radius: 30px 50px 60px 70px;*/
				
				text-shadow:5px 2px 6px #000000;
			}
		</style>
	</head>
	<!--内联样式-->
	<!--<body style="background-image: url(img/iPhone.jpg);">
		</body>
	-->
	<body>
		
		<div id="div1">
			这是一个div标签			
		</div>
	</body>

</html>